<template>
    <div id="bannar">
        <div id="word">
            <div id="st-word">
                <div id="word-1">用心打造</div>
                <div id="word-2">管培森</div>
            </div>
            <div id="st-hr">
                <div id="hr-1"></div>
                <div id="hr-2"></div>
                <div id="hr-3"></div>
            </div>
            <div id="cont">
                <div id="cont-1"></div>
                <div id="cont-2">
                    <div id="cont-2-1">企业的高校人才预订平台</div>
                    <div id="cont-2-2">学生步入社会的第二课堂</div>
                </div>
                <div id="cont-3"></div>
            </div>
            <div><button>了解详情</button></div>
        </div>
    </div>
</template>

<script>
export default {
    
}
</script>

<style scoped>
    #bannar{
        height:680px;
        background:url("../../../assets/首页/bannar.png") no-repeat;
        background-size:cover;
        display:flex;
        justify-content: center;
    }
    #word{
        text-align: center;
        color:white;
        width:325px;
        margin-top:200px;
    }
    #st-word{
        display:flex;
        justify-content: space-between;
    }
    #word-1, #word-2{
        font-size:30px;
    }
    #st-hr{
        display:flex;
        justify-content: space-between;
        margin-top:20px;
    }
    #hr-1{
        width:90px;
        height:4px;
        margin:0px auto;
        padding:0px;
        background-color:white;
        margin-left:30px;
    }
    #hr-2{
        border-radius: 50% 50%;
        width:10px;
        height:10px;
        margin:0px auto;
        padding:0px;
        background-color:white;
        margin-top:-3px;
    }#hr-3{
        width:90px;
        height:4px;
        margin:0px auto;
        padding:0px;
        background-color:white;
    }
    #cont{
        display: flex;
        justify-content: space-between;
        margin-top:16px;
    }
    #cont-1{
        height:64px;
        width:16px;
        border-left:4px solid white;
        border-bottom:4px solid white;
    }
    #cont-2-1{
        margin-left:-90px;
    }
    #cont-2-2{
        margin-left:100px;
        margin-top:20px;
    }
    #cont-3{
        height:64px;
        width:16px;
        border-right:4px solid white;
        border-top:4px solid white;
    }
    #bannar button{
        background:transparent;
        border:2px solid white;
        color:white;
        width:75px;
        height:30px;
        margin-top:43px;
    }
</style>
